<template>
	<div id="host">
		<div class="h_left">
			<div class="h_left1">
				<img src="/static/images/hotnews.png">
			</div>
		</div>
		<div class="h_right">
			<ul>
				<li>
					<img src="/static/images/lyf-icons-(1)_03.gif">
					<a href="">【海鲜那些事】吃了辣么多海鲜</a>
				</li>
				<li>
					<img src="/static/images/lyf-icons-(1)_03.gif">
					<a href="">【海鲜那些事】吃了辣么多海鲜</a>
				</li>
			</ul>
		</div>
		<div class="h_bottom">
			<img src="/static/images/1503050961809_7620_88.gif">
		</div>
	</div>
</template>
<script type="text/javascript">
	
</script>
<style type="text/css" scoped>
	#host{
		width:100%;
		border-top:1px #f0f0f0 solid;
		margin-top: 0.23437rem;
		/*background:gray;*/
	}
	#host .h_left{
		width:20%;
		float:left;
		text-align: center;

	}
	#host .h_left .h_left1{
		width: 75%;
		height: 50%;
		margin-left: .2rem;
		margin-top: .25555rem;
		border-right: 0.03125rem #e5e5e5 solid;
	}
	#host .h_left .h_left1>img{
		width:50%;
		margin-top:0.2rem;
	/*border-right: 1px red solid;*/
	}
	#host .h_right {
		float:left;
		margin-left: 0.3125rem;
		margin-top:0.31rem;
		
	}
	#host .h_right li>img{
		width:.5rem;
		vertical-align:bottom;
	}
	#host .h_right li a{
		color:#595959;
		font-size: 0.34689rem;
	}
	#host .h_bottom img{
		width:100%;
		border-top:0.35rem #f0f0f0 solid;
		border-bottom:0.35rem #f0f0f0 solid;
		margin-top: 0.15625rem;
	}
</style>